<template>
  <div class="tableClass2" style= "overflow: scroll;overflow-x:hidden;overflow-y: auto;height: 100%;">
    <a-tabs style="margin:30px" defaultActiveKey="1" @change="callback">
      <a-tab-pane tab="一般信息" key="1">
        <router-view />
      </a-tab-pane>
      <a-tab-pane tab="重要信息" key="2" forceRender>
        <router-view />
      </a-tab-pane>
    </a-tabs>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
    mounted(){
    this.callback(1);
  },
  methods: {
    callback(key) {
      console.log(key);
      if (key == 1) {
        this.$router.push({ path: "/per/infoset/cominfochange" });
      } else if (key == 2) {
        this.$router.push({ path: "/per/infoset/maininfochange" });
      }
    }
  }
};
</script>

<style scoped>
/*滚动条样式*/
.tableClass2::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 4px;
}
.tableClass2::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 5px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
}
.tableClass2::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
}
</style>